@CHARSET "ISO-8859-1";

body
{
	border-style : solid;
	border-width : 20px; 
	background-color : #6E80AA;
	color : #0A1837;
}

*{
	padding : 0;
	font-family : arial, san-serif;
}


h1
{
	color : #1E2F55;
	color : #FBAE1B;
	size : 300%;
	padding : 10px;
}
p.text
{
	margin-bottom : 300px;
}

#wrapper
{
	height:auto;
	min-height: 100%;
	padding-bottom:400px;	
}
html, body
{
	height: 100%;
	
}
.toolbar
{	
	width : 80%;
	margin-right : auto;
	margin-left : auto;
}
.menucontent
{
	max-width : 800px;
	margin-right: auto;
	margin-left: auto;
}
.content
{
	margin-right: auto;
	margin-left: auto;
	max-width : 80%;
	min-width : 80%;
	
}
.footer
{
	text-align : right;
	color : #578235;	
	height: 400px;	
	padding-right : 10px;
}

.clear
{
	clear : both;
}

.menuLink 
{
	float:left;
	display:block;
	width:30%;
	height:20px;
	margin:10px;
	background-color:lightgray;
	text-align:center;
	padding-top:90px;
	padding-bottom:90px;
}

.video, .image, .applet
{
	display : block;
	text-align : center;
	margin-right : auto;
	margin-left : auto;
	max-width : 80%;
	padding : 10px;
}

.caption
{
	text-align : center;
	padding : 10px;
	color : #092637;
}

.menubutton
{
	float : left;
	padding : 10px;
	margin : 5px;
	background-color:#FBAE1B;	
	border : 4px groove #FBAE1B;
	font-weight: bold;
    width:70px;
    height:21px;
    text-align: center;   
}

.continuebutton
{
	float : right;
	padding : 10px;
	text-align : center;
	background-color : #FBAE1B;
	border : 4px groove #FBAE1B;
	font-weight: bold;
	margin : 5px;
	width:70px;
    height:21px;
}

#optionsbutton
{
	padding : 10px;
	text-align : center;
	background-color : #FBAE1B;
	border : 4px groove #FBAE1B;
	font-weight: bold;
	margin-right:auto;
	margin-left:auto;
	width:70px;
    height:21px;
    margin-top: 5px;
    color : #1E2F55;
}

.optionsmenu
{

    visibility: hidden;
  
}

.op
{
	padding : 10px;
	text-align : center;
	background-color : #FBAE1B;
	border : 4px groove #FBAE1B;
	font-weight: bold;
	width:70px;
    height:21px;
    margin-right:auto;
	margin-left:auto;
    margin-top: 5px;
    color : #1E2F55;
}
.backbutton, .forwardbutton, .homebutton
{
	float : left;
	display: block;
	padding : 10px;
	text-align : center;
	background-color : #FBAE1B;
	border : 4px groove #FBAE1B;
	font-weight: bold;
	margin : 5px;
	width:70px;
    height:21px;
    color : #1E2F55;
}

.menutop, .menubottom
{
	padding : 0px;
}
.menupanelleft
{
	float : left;
	width : 300px;
	height : 200px;
	background-color : #E9DCB9;
	border : 6px groove #16494F;
	margin : 20px;
}
.menupanelright
{
	float : right;
	width : 300px;
	height : 200px;
	background-color : #E9DCB9;
	border : 6px groove #16494F;
	margin : 20px;
}

h3.menuheader
{
	font : arial;
	font-size : 300%;
	color : #1E2F55;
	text-align : center;
}

.footer 
{
	color:white;
	text-align:center;
	font-size:75%;
}

.menuLink 
{
	float:left;
	display:block;
	width:30%;
	height:20px;
	margin:10px;
	background-color:lightgray;
	text-align:center;
	padding-top:90px;
	padding-bottom:90px;
}
	